<template>
	<div class="unit">
		<el-descriptions :column="2">
			<el-descriptions-item label="抽取状态:">抽取{{ dictionary.extractStatus(message?.extractionResult?.extractStatus) }}</el-descriptions-item>
			<el-descriptions-item label="抽取结果:">{{ message?.extractionResult?.extractResult }}</el-descriptions-item>
			<el-descriptions-item label="结果说明:">{{ message?.extractionResult?.extractResultRemark }}</el-descriptions-item>
			<el-descriptions-item label="抽取时间:">{{ message?.extractionResult?.extractTime }}</el-descriptions-item>
		</el-descriptions>
	</div>
</template>

<script lang="ts" setup>
import { toRefs, defineProps } from 'vue';
import dictionary from '/@/views/expertDatabase/evaluate/dictionary';
const props = defineProps({
	message: {
		type: Object,
		default: () => {
			return {};
		},
	},
});

const { message } = toRefs(props);
</script>

<style lang="scss" scoped>
.unit {
	padding: 20px;
	background-color: #fff;
}
:deep(.el-descriptions__label) {
	width: 15% !important;
}
</style>
